#content-wrapper {transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-webkit-transition:all .9s ease-in-out;}
body{
background:#08080F;background-image:url(https://lh3.googleusercontent.com/-cigCJN8vYbo/UJZziHhIYhI/AAAAAAAAAUs/3gke9nv5ubI/s640/Grunge_Wallpaper.jpg);no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment:fixed;background-size:100%;
margin:0;
color:#EEEEEE;font-family: Arial, Helvetica, Sans-serif;font-size: 13px;margin:0px;padding:0px;
-webkit-animation:Scale 2s linear;
-moz-animation:Scale 2s linear;
-ms-animation:Scale 2s linear;
-o-animation:Scale 2s linear;
animation:Scale 2s linear;
-webkit-animation-delay:0s;
-moz-animation-delay:0s;
-ms-animation-delay:0s;
-o-animation-delay:0s;
animation-delay:0s;
}
/* LINK */
a:link{color:lime;text-decoration:none;outline:none;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;transition:all .4s ease-out}
a:visited{color:#00c6ff;text-decoration:none;}
a:hover{color:red;text-shadow: 0 0 0.5em #0000FF,0 0 0.5em #FF0000,0 0 0.5em #DC143C,0 0 0.5em #DC143C; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out;text-decoration:none;}
a:active{color:#00c6ff;text-shadow:0px 0px 2px #ff0000;text-decoration:line-through;}
a img{max-width:100%;border-width:0;}
#body-wrapper{margin:0px;padding:0px;}
.clearfix:after{content:&quot;\0020&quot;;display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
#container,#header,#main,#main-f;k_rc[12]=ullwidth,#footer,.clearfix{display:block}
.clear{clear:both}
/* HEADLING */
h1,h2,h3,h4,h5,h6{margin-bottom:16px;font-weight:normal;line-height:1}
h1{font-size:20px}
h2{font-size:30px}
h3{font-size:40px}
h4{font-size:16px}
h5{font-size:14px}
h6{font-size:12px}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0}

/* CSS GABUNGAN */
.comments, .menu li a, .tabdiv .widget, #subscribe {background:#transparent url();-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-webkit-transition:all .7s ease-in-out;}
.menu li a:hover, .tabdiv .widget:hover, .sliderwrapper:hover, #subscribe:hover {
-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;box-shadow:inset 2px 2px 3px orange;-webkit-box-shadow:inset 3px 2px 3px orange;-moz-box-shadow:inset 2px 2px 3px orange;border-top:1px solid purple;border-left:1px solid purple;border-right:1px solid #272727;border-bottom:1px solid #272727}

table{margin-bottom:20px;width:100%}
th{font-weight:bold}
thead th{background:#c3d9ff}
th,td,caption{padding:4px 10px 4px 5px}
tr.even td{background:#e5ecf9}
tfoot{font-style:italic}
caption{background:#eee}
li ul,li ol{margin:0}
ul,ol{margin:0 20px 20px 0;padding-left:40px}
ul{list-style-type:disc}
ol{list-style-type:decimal}
dl{margin:0 0 20px 0}
dl dt{font-weight:bold}
dd{margin-left:20px}
blockquote{margin:20px;color:#666}
pre{margin:20px 0;white-space:pre}
pre,code,tt{font:13px &#39;andale mono&#39;,&#39;lucida console&#39;,monospace;line-height:18px}
#Search {overflow:hidden;}
/* HEADER */
#header-inner {
background-position:center center;
margin-left:30px;margin-top:-10px;
margin-right:auto;
}
#header {border-bottom:15px solid #00c6ff;border-right:15px solid #00c6ff;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:30px;-o-border-radius:50px;
padding:5px 5px 3px 70px;
text-align:center;width:500px;text-shadow:0 1px 17px #7401DF;
}
#header h1 {
font-family:Metamorphous, serif, arial;
font-size:45px;
font-weight:bold;
letter-spacing:-1px;
line-height:normal;
margin:5px 5px 0;
padding:15px 20px 3px 0;
text-transform:uppercase;
text-shadow:0pt 0pt 8px #000;
text-align:center;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;text-shadow:0 1px 17px #007acc;

position:relative;
animation:kirikanan 5s infinite;
-moz-animation:kirikanan 5s infinite; /* Firefox */
-webkit-animation:kirikanan 5s infinite; /*Safari and Chrome*/
}
#header h1:hover {
color:#007acc;text-shadow:0 1px 7px #007acc;
}
#header a {
color:purple;
color:purple;text-shadow:0 1px 7px #007acc;
text-decoration:none;
}
#header a:hover {
color:purple;text-shadow:0 1px 7px #ff0000;
}
#description {
font-size:15px;
text-transform:capitalize;
text-align:right;
padding-right:15px;
font-family:PT Sans Narrow;
color:green;
}
#header img {
margin-left:auto;
margin-right:auto;
}

#header2{float:right;width:51%;margin-right:0px;padding-right:0px;overflow:hidden;}
#header2 .widget{padding:0px 0px 0px 0px;float:right}

/* OUTER WRAPPER */
#outer-wrapper{width:1025px;margin:0px auto 0px;padding:0px;text-align:left;font:$bodyfont;}
#content-wrapper{background:#1A1A1A url(http://2.bp.blogspot.com/-8NbcCCOqN7Q/UH1Qji8YwoI/AAAAAAAABK0/fdt7VzmL1q4/s1600/overlay.png) repeat;padding:15px;-webkit-box-shadow: 0px 10px 20px #222; -moz-box-shadow: 0px 10px 20px #222;box-shadow: 0px 10px 20px purple;
}

#rsidebar-wrapper{width:30%;float:right;margin:0px;padding:0px;word-wrap:break-word;overflow:hidden;text-shadow:0 1px 0 #000;background:#1A1A1A url(http://picturestack.com/32/163/rkpfill1B1.png) repeat;
-webkit-animation:2s rsidebar ease-in-out;-moz-animation:2s rsidebar ease-in-out;-ms-animation:2s rsidebar ease-in-out;animation:2s rsidebar ease-in-out;
}
#rsidebar-wrapper h2 {
  cursor:url(http://3.bp.blogspot.com/-bRikgqeZx0Q/TwGR4MUEC7I/AAAAAAAAAtA/isJmS0r35Qw/s1600/pointer.png),help;
}

/* HEADLINGS */
h2{}
/* POSTS */
h2.date-header{margin:1.5em 0 .5em;display:none;}
.wrapfullpost{}
.post{margin-bottom:15px;border-bottom:1px dashed #2E2E2E;margin:0 0 .1em; line-height:20px;}
.post-title{color:#FFFEFE;margin:0 0 10px 0;padding:0;font-family:&#39;Shadows Into Light&#39;,Arial, Helvetica, Sans-serif;font-size:36px;line-height:30px;font-weight:bold;
-webkit-box-shadow:0 1px -0px #222;-moz-box-shadow:0 1px -0px #222;box-shadow:0 1px -0px #222;
}
.post-title a, .post-title a:visited,
.post-title strong{
display:block;text-decoration:none;text-shadow:1px 1px 1px #000;
color:#aaa;font-size:17px;font-family:Shadows Into Light;font-weight:normal;
}
.post-title strong,
.post-title a:hover {color:transparent;text-shadow:0px 0px 10px #eee;}
.post-body{margin:0px;padding:0px 10px 0px 0px;font-family:Pt sans narrow, sans-serif, Coming Soon, Arial, Helvetica, Sans-serif;font-size:14px;line-height: 20px;}
.post-body code {
  color:#254c74;
  font-family:Verdana,Geneva,Monospace;
  font-size:12px;
}
.post-body code a, .post-body code a:hover {color:#254c74}

.post-body code a:hover {
  background-color:#E6ECF5;
  text-decoration:underline;
}

.post-footer{margin:5px 0;}
.comment-link{margin-$startSide:.6em}
.post-body img{padding:0px;border:0px solid #555555;}
.post-body img{
background:#1c1b18;padding:4px;max-width:100%;opacity:0.6;
border:5px double #11100e;box-reflect:below 0px gradient(linear, left top, left bottom, from(transparent), color-stop(.9, transparent), to(rgba(0,0,0,0.1)));-moz-box-reflect:below 0px -moz-gradient(linear, left top, left bottom, from(transparent), color-stop(.9, transparent), to(rgba(0,0,0,0.1)));-webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.9, transparent), to(rgba(0,0,0,0.1)));-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;transition:all .4s ease-out}
.post-body img:hover{opacity:1;background:#11100e;
border:5px solid rgba(214,0,0,1);
box-reflect:below 0px gradient(linear, left top, left bottom, from(transparent), color-stop(.9, transparent), to(rgba(0,0,0,0.4)));-moz-box-reflect:below 0px -moz-gradient(linear, left top, left bottom, from(transparent), color-stop(.9, transparent), to(rgba(0,0,0,0.4)));-webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.9, transparent), to(rgba(0,0,0,0.4)));-webkit-box-shadow:0px 0px 20px rgba(214,0,0,0.8);-moz-box-shadow:0px 0px 20px rgba(214,0,0,0.8);box-shadow:0px 0px 20px rgba(214,0,0,0.8);
}
#Uhead, .sidebar li a, #search-form-feed input, .profile-img, #Label1 li a, #Label2 li a, .post-title a, .post-title a:visited, .post-title strong, .post-body blockquote, .post-body pre, .post-body code, .inu {transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;}

.post-body pre:hover {background:#FF8000;color:#000;text-shadow:0 0 1px #000;}
.post-body blockquote {font:normal 14px Monaco,Monospace !important;margin:0 10px;padding:10px;line-height:1.4em;border-left:10px solid purple;color:transparent;text-shadow:0px 0px 10px #eee;overflow:hidden;max-height:100px;}
.post-body blockquote:hover {color:#aaa;text-shadow:0 0 1px #000;background:#151515 url(&quot;http://themes.svn.wordpress.org/distinction/1.0/images/blockquote.png&quot;) no-repeat top left;background-size:8%;overflow:auto;max-height:500px;}

.pbthumb{padding:6px !important;border:1px solid #555555 !important;background:#3D3D3D;margin:0px 0px 0px 0px !important;}
.postmeta-primary{color:#999;font-size:12px;line-height:18px;padding:0 0 5px 0}
.postmeta-secondary{color:#999;font-size:12px;line-height:18px;padding:0 0 10px 0}
.postmeta-primary span,.postmeta-secondary span{padding:3px 0 3px 20px;background-position:left center;background-repeat:no-repeat}
.meta_date{background-image:url(http://1.bp.blogspot.com/-dLGh0dTj8ac/Tj4UKtRS3wI/AAAAAAAAAdU/GVJsaqnHVB4/s1600/clock.png)}
.meta_author{display: inline-block;margin: 0;padding: 1px 6px;border: 1px solid #FF8000;border-top-color: #FF8000;border-left-color: #FF8000;background-image:url(http://4.bp.blogspot.com/-om3EuUt7QWg/Tv3Uxd7ejuI/AAAAAAAACCg/kGjLpL4Nmmg/s1600/author.png)}
.meta_comments{background-image:url(http://4.bp.blogspot.com/-Xo9BXQc7FTw/Tv3U992JoJI/AAAAAAAACC4/A1OXWB45Md4/s1600/comments.png)}
.meta_edit{background-image:url(images/edit.png)}
.meta_categories{background-image:url(http://2.bp.blogspot.com/-n0x_ASGHFsY/Tv3U8bsJ5VI/AAAAAAAACCs/MwcfEcliQHA/s1600/category.png)}
.meta_tags{background-image:url(http://1.bp.blogspot.com/-ur2dVcu0J-g/Tv3VOWvteXI/AAAAAAAACEw/ks-nbp_JP4U/s1600/tags.png)}
.meta_rating{display: inline-block;margin: 0;padding: 2px 7px;border: 2px solid #0000FF;border-top-color: #0000FF;border-left-color: #0000FF;}

/* SEARCH */
#search{float:right;padding-right:0px;margin-top:6px}#s{background:#1a1a1a;color:#eee;font-size:13px;padding:0px 0px;width:200px;height:22px;border:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
#search input[type=&quot;text&quot;] {background:#585858 url(http://2.bp.blogspot.com/-El7-211Pt7o/T5HBuBrNztI/AAAAAAAAAow/bV7f0allh4Q/s1600/cari.png) no-repeat 10px 6px;border:1px solid #FF8000;font: italic normal 13px oswald;color:#00c6ff;width:150px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:5px 10px 5px 30px;
-webkit-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px 1px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px 1px 3px rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px 1px 3px rgba(0, 0, 0, 0.2);}
#search input[type=&quot;text&quot;]:focus {background:rgba(0,0,0,.5) url(http://2.bp.blogspot.com/-El7-211Pt7o/T5HBuBrNztI/AAAAAAAAAow/bV7f0allh4Q/s1600/cari.png) no-repeat 10px 6px;width:200px;border:1px solid purple;
-webkit-box-shadow:inset 0px 1px 7px rgba(255,255,255,.3);-moz-box-shadow:inset 0px 1px 7px rgba(255,255,255,.3);box-shadow:inset 0px 1px 7px rgba(255,255,255,.3);}

#search input[type=&quot;text&quot;]:hover {background:url(http://www.crazywebsite.com/Website-Clipart-Pictures-Videos/Halloween-Art/monster1.gif) 99% 50% no-repeat;text-align:left;padding:5px 30px 5px 10px;}

/* SEARCH */
#searchip{width:185px;height:35px;background:url(&#39;http://1.bp.blogspot.com/-0sNtp0lu9Cs/UINAMxok02I/AAAAAAAABSw/U2BNXQ9nNn8/s1600/search_VS.gif&#39;) no-repeat;position:fixed;bottom:65%;left:-153px;clear:both;-webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out;transition:all .4s ease-out;}
#searchip:hover{left:0px;}
#IP-search{width:145px;font-family:Terminal Dosis Light;font-size:14px;height:35px;color:#fff;background:rgba(0,0,0,0.5);
border:none;float:left;display:inline;margin-left:5px;text-transform:uppercase;box-shadow:0 0 2px rgba(0,0,0,0.5),0 0 5px rgba(0,0,0,0.8);-moz-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
#IP-search:focus{box-shadow:0 0 2px rgba(0,0,0,0.5),0 0 30px #ff0000;}

#content-search{width:300px;padding:15px 0}
#topsearch{float:right}
#topsearch #s{width:220px}

/* SIDEBAR CONTENT */
#mainright, #sidebar-top, #sidebar-bottom, #tabzine{
width:30px;float:right;margin:0;padding:0;word-wrap:break-word;overflow:hidden;}
.sidebar, .tabdiv {
margin:0;padding:0;}
 #sidebar{width:300px;}
.sidebar h2, .feed h2, .tabview h2 {color:#ccc;text-shadow:0px 0px 3px #000;
padding:0;font-size:20px;font-family:Boogaloo,impact;text-transform:uppercase;margin:0;border-bottom:2px solid #111;-webkit-box-shadow:0 2px -0px #222;-moz-box-shadow:0 2px -0px #222;box-shadow:0 2px -0px #222;}
.sidebar h2, .feed h2, .tabview h2 {
background: url(https://lh4.googleusercontent.com/-6lJ9BOwP0T8/T_-DI1SRH1I/AAAAAAAACW4/1leCE6Nqk7g/s300/widget-top.png) no-repeat scroll 0 0 transparent;
height: 40px;
line-height:40px;
padding: 0 0 0 45px;
text-shadow: 1px 1px 1px #000000;}
.sidebar ul, .tabdiv ul {margin:0;padding:0;}
.sidebar li, .tabdiv li {list-style:none;padding:4px 0;margin:0;color:#bbb;text-decoration:none;}
.sidebar li {color:#888;text-decoration:none;}
.sidebar li a {color:#bbb;text-decoration:none;}
.sidebar li a:hover{background-image: url(http://2.bp.blogspot.com/-LSauYhEBKN0/T2LSvIzLCNI/AAAAAAAAAZU/4d2tHmtuB8g/s1600/lightning.gif);color:#00CCD3;text-shadow:0 0 2px #00CCD3;}
.sidebar .widget-content{
padding-top:0px;
margin:0;}
.sidebar img,
.tabview img {max-width:100%;padding:0px;margin:0px;position;relative;}
.sidebar img:hover,
.tabview img:hover {opacity:.8;}
.tabview{float:right;overflow:hidden;margin:0;padding:0}ul.tabnav{padding:0;height:29px;margin:0;margin-bottom:5px}.tabnav li{display:inline;list-style:none;float:left;text-align:center;margin:0}.tabnav li a:hover{background:#151515}.tabnav li a{background:#222;text-decoration:none;text-transform:uppercase;font-weight:bold;padding:5px 20px;margin-right:8px;font-size:12px;color:#bbb;text-decoration:none;display:block}.tabnav li a:active,.tabnav li.ui-tabs-selected a{background:#111;text-decoration:none;color:#00ccd3;text-shadow:0 0 2px #00ccd3}.ui-tabs-hide{display:none}

/* COMMENTS */
.comment-form, #comment-editor {background-color:rgba(0,0,0,.2);border:1px solid #222;border-top-color:#333;border-bottom-color:#151515;-moz-box-shadow:0 5px 12px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 12px rgba(0,0,0,.7);box-shadow:0 5px 12px rgba(0,0,0,.7);overflow-x:hidden;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;padding:15px;}
#comment-editor {width:95%!important;}
#cm_page_copy, .cm_pagenavi {background:#000;height:1px;margin:8px 0;padding:2px 0;border-radius:3px;border-left:1px solid #111;border-top:1px solid #111;border-right:1px solid #333;border-bottom:1px solid #333;}
.comment-form{width:95%;max-width:95%;}
.comment-form p {cursor:help;box-shadow:inset 0 3px 8px rgba(15,15,15,0.70);-moz-box-shadow:inset 0 3px 8px rgba(15,15,15,0.70);-webkit-box-shadow:inset 0 3px 8px rgba(15,15,15,0.70);position:relative;border:4px solid rgba(35,35,35,0.40);
padding:10px;font-family:century gothic;font-size:12px;line-height:1.6em;color:#bbb;margin-top:30px;}
.comment-form p:hover {color:#00CCD3;background:rgba(15,15,15,0.70);}
.comment-form p::after, .comment-form p::before {top:100%;
border:solid transparent;content:&quot; &quot;;height:0;width:0;position:absolute;
pointer-events:none}
.comment-form p::before {border-top-color:rgba(45,45,45,0.55);border-width:15px;right:10%;margin-right:-26px}
.comment-form p::after {border-top-color:rgba(0,209,237,0.75);border-width:9px;right:10%;margin-right:-20px}
.comment-form iframe{opacity:0.1;-webkit-transition:.2s ease-in;
-moz-transition:.2s ease-in;-o-transition:.2s ease-in;transition:.2s ease-in;}
.comment-form iframe:hover{opacity:1}
.comment-form a{color:#00CCD3;}

<!--comment css start-->
#comments h4{font-size:20px;font-weight:bold;margin:1em 0;color:$sidebarcolor}
#comments h4{background: url(http://bp0.blogger.com/_C6KkooKXCEw/SJGzpJXhKoI/AAAAAAAACGw/QZ7IzDBHgFU/s400/icon_comments.png) no-repeat 3px .3em;padding-left:27px;padding-top:0;margin:0;font:normal 15px impact;color:rgba(75,75,75,0.50);
font-size:20px;text-shadow:0px 0px 0 rgb(-22,-21,-21),-1px -1px 0 rgb(-54,-53,-53), -2px -2px 0 rgb(-85,-84,-84),-3px -3px 2px rgba(0,0,0,0.5),-3px -3px 1px rgba(0,0,0,0.5),0px 0px 2px rgba(0,0,0,.2);font-family:Shadows Into Light;color:white;}
.comments{padding:10px 10px;text-shadow:0 -1px 1px #000}
.cm_avatar, .comment-form p{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.avatar-image-container, .cm_avatar{box-shadow:1px -2px 1px #000;-webkit-box-shadow:1px -2px 1px #000;-moz-box-shadow:1px -2px 1px #000;cursor:help;}
.comments .avatar-image-container,.comments .avatar-image-container img{width:67px;max-width:67px;height:67px;max-height:67px;}
.cm_wrap{clear:both;margin-bottom:10px;float:right;width:100%}
.cm_head{width:60px;float:left;margin:0;}
.cm_reply{padding-top:3px}
.cm_reply a{box-shadow:inset 0 1px 2px rgba(15,15,15,0.70);-moz-box-shadow:inset 0 1px 2px rgba(15,15,15,0.70);-webkit-box-shadow:inset 0 1px 2px rgba(15,15,15,0.70);display:inline-block;border-top:1px solid #00CCD3;border-right:1px solid #222;border-left:1px solid #222;border-bottom:1px solid #00CCD3;color:#aaa!important;text-align:center;text-decoration:none;background:rgba(9,9,9,0.60);font:normal 13px PT Sans Narrow;height:25px;width:25px;max-width:100%;border-radius:100%;padding:25px;margin:0 auto;overflow:hidden;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all 5s ease;-moz-transition:all 5s ease;transition:all 5s ease;}
.cm_reply a:hover{background:rgba(5,5,5,0.70);border-top:1px solid transparent;border-left:2px solid #00CCD3;border-right:2px solid #00CCD3;border-bottom:1px solid transparent;text-decoration:none!important;color:#00CCD3 !important;-moz-transform:rotate(1800deg);-webkit-transform:rotate(1800deg);-o-transform:rotate(1800deg);-ms-transform:rotate(1800deg);transform:rotate(1800deg);}
.cm_entry{background-color:rgba(0,0,0,.2);overflow:hidden;padding:10px;padding-left:20px;border-right:1px solid #222;border-top:1px solid #222;box-shadow:5px 6px 7px rgba(0,0,0,.5);-moz-box-shadow:5px 6px 7px rgba(0,0,0,.5);-webkit-box-shadow:5px 6px 7px rgba(0,0,0,.5);}
.cm_info, .cm_info_a{background-color:rgba(45,45,45,0.75);margin-bottom:5px;padding:5px;}
.cm_info{border:1px dashed #333;background:rgba(0,0,0,.2);box-shadow:0px 1px 2px #222;box-shadow:inset 0px 0px 3px #222;}
.cm_name a{text-shadow:0 0 2px #222;color:rgba(0,209,237,0.65)!important;}
.cm_info_a{border:1px dotted #444;}
.cm_name,.cm_name_a{font-size:14px;font-family:PT Sans Narrow;text-decoration:none;float:left}
.cm_name{color:#888 !important;}
.cm_name_a{color:rgba(0,209,237,0.65)!important;}
.cm_date{color:#888!important;font-style:italic;}
.cm_date_a{color:rgba(0,209,237,0.65)!important;}
.cm_date_a, .cm_date{font:normal 11px PT sans Narrow;text-decoration:none;float:right;padding-top:5px}
.cm_avatar, .cm_avatar_a{vertical-align:middle;border:1px solid #00CCD3;border-right-color:#222;border-bottom-color:#222;background-color:#000;background:url(http://picturestack.com/372/443/n8javatarakau1O0.gif) center no-repeat;width:67px;max-width:67px;height:67px;max-height:67px;margin:0;padding:3px}
.cm_avatar:hover{-moz-transform:rotate(-20deg);-o-transform:rotate(-20deg);-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);opacity:0.8}
.cm_entry p,.cm_entry_a p{clear:both;font-family:PT Sans Narrow;font-size:14px;color:#bbb;word-wrap:break-word;padding:5px;border:thin solid #222;background-color:rgba(30,30,30,0.60);box-shadow:-10px -5px 0 rgba(45,45,45,0.50);-webkit-box-shadow:-10px -5px 0 rgba(45,45,45,0.50);-moz-box-shadow:-10px -5px 0 rgba(45,45,45,0.50);}

.cm_pagenavi {font-size: 10px;text-transform: uppercase;color: #666;text-shadow: 1px 1px white;font-weight: bold}
.cm_pagenavi a {color: #666;text-decoration: none;padding:10px}
.cm_pagenavi a:hover {text-decoration: underline}
.cm_pagenavi span {color: #888;background: white;padding: 4px;border: 1px solid #E0E0E0}
.owner-Body {font-family:PT Sans Narrow;background-color:rgba(0,0,0,0.40);border:1px solid #111;border-top-color:#111;border-bottom-color:rgba(0,209,237,0.40);border-right-color:rgba(0,209,237,0.45);box-shadow:inset 0 2px 6px #000;-webkit-box-shadow:inset 0 2px 6px #000;-moz-box-shadow:inset 0 2px 6px #000;padding:2px;cursor:url(http://picturestack.com/288/569/fsoadminuttamvl.png),url(http://picturestack.com/288/569/fsoadminuttamvl.cur),auto;font-family:PT Sans Narrow;font-weight:420}
.owner-Body p{
border:1px solid #ff8000;
font-family:PT Sans Narrow;
font-size:110%;
color: #00FF00;
padding:1em;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-opera-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
box-shadow:rgb(255, 0, 0) 0px 0px 10px; border-radius:12px;
padding:1px 2px 1px 40px ;
background: #484B52 url(http://i1242.photobucket.com/albums/gg523/inupurnomo/tutor-commentadmin.jpg)top left repeat-y ;
margin: 12px 1px 12px 20px;
}
.owner-Body p:hover {
border:1px solid #ff8000;
font-family:PT Sans Narrow;
font-size:110%;
color: #FFFFFF;
padding:1em;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-opera-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
box-shadow:rgb(255, 0, 0) 0px 0px 10px; border-radius:12px;
padding:1px 2px 1px 40px ;
margin: 12px 1px 12px 20px;
}

#comments .note,
#comments em[rel=&quot;note&quot;] {
  display:block;
  padding:5px 10px;
  border:1px solid black;
  background-color:#222;
  background-image:linear-gradient(top,#333,#222);
  box-shadow:0 0 0 1px #555;
  color:#ccc;
  font:normal 11px Tahoma,Arial,Sans-Serif;
  text-shadow:0 1px 0 black;
}

#comments .note a,
#comments .note code {
  font-size:11px;
}

#comments img.incomment {
  display:block;
  margin:2px auto 0;
}

#comments blockquote img.incomment {
  display:block;
  margin:2px auto 0 !important;
}

#comments a {
  color:#5687B8;
}

#comments a.allow,
#comments i[rel=&quot;anchor&quot;] {
  font-size:97%;
}

#comments i[rel=&quot;pre&quot;],
#comments pre {margin:0 0 5px;}

#comments code,
#comments i[rel=&quot;code&quot;] {
  color:white;
  font:normal 12px Monaco,&#39;Courier New&#39;,Monospace;
}

#comments code a {
  color:white;
}

#comments code a:hover {
  background:transparent;
}

#comments i[rel=&quot;image&quot;] {
  display:block;
  margin:2px auto;
  width:50px;
  height:50px;
  border:5px solid #222;
  overflow:hidden;
  position:relative;
}

#comments i[rel=&quot;image&quot;]:before {
  content:&quot;&quot;;
  background:white url(&#39;&#39;) no-repeat 50% 50%;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}
#comments iframe.video {
  width:320px;
  max-width:320px;
  height:224px;
  box-shadow:0 1px 3px black;
  display:block;
  margin:10px auto 10px;
  border:4px solid #444;
  background-position:50% 50%;
}

#discussionFrame {
  border:4px solid #333;
  box-shadow:0 1px 3px black;
}

#recentPostContainer {
  overflow:hidden;
  list-style:none;
}

ul.rpthumb {
  background-color:#333;
  margin:0px 0px;
  padding:0px 0px;
}

ul.rpthumb li {
  height:44px;
  list-style:none;
  border-top:1px solid #444;
  border-bottom:1px solid #222;
  display:block;
  padding:7px 7px;
  margin:0px 0px;
  overflow:hidden;
  background-color:#333;
  text-align:left;
}

ul.rpthumb li a {
  font:bold 11px Arial,Sans-Serif;
  color:#999;
  text-decoration:none;
  display:block;
}

ul.rpthumb li a:hover {
  color:white;
  text-decoration:underline;
}

ul.rpthumb img.rp-thumb {
  padding:0px 0px;
  outline:none;
  border:2px solid #000;
  background-color:#02406C;
  display:block;
  float:left;
  margin:0px 10px 0px 0px;
  width:40px;
  height:40px;
}

ul.rpthumb span {
  font-size:10px;
  font-family:Tahoma,Verdana,Arial,Sans-Serif;
  color:#666;
}

.framePreloader iframe {
  border:none;
  width:100%;
}
<!--comment css end-->

#comments-block3{padding:0;margin:0;float:left;overflow:hidden;position:relative;}
#comment-name-url{width:465px;float:left}
#comment-date{width:465px;float:left;margin-top:5px;font-size:10px;}
#comment-header{float:left;padding:5px 0 40px 10px;margin:5px 0px 15px 0px;position:relative;background-color:#1a1a1a;border:1px dashed #2E2E2E;}
.avatar-image-container{background:url(http://4.bp.blogspot.com/_4HKUHirY_2U/TLlJUqSaolI/AAAAAAAAEq4/qpgAHAOe9x0/s1600/comment-avatar.jpg);width:32px;height:32px;float:right;margin:5px 10px 5px 5px;border:1px solid #ddd;}
.avatar-image-container img{width:32px;height:32px;}
a.comments-autor-name{color:#fff;font:normal bold 14px Arial,Tahoma,Verdana}
a.says{color:#fff;font:normal 14px Arial,Tahoma,Verdana}
.says a:hover{text-decoration:none}
.deleted-comment{font-style:italic;color:gray}
.feed-links{clear:both;line-height:2.5em}

#navbar-iframe{height:0;visibility:hidden;display:none;}
/* -- number page navigation -- */
#comment-form iframe{padding:5px;width:580px;height:275px;}

#crosscol-wrapper{display:none;}
.PopularPosts .item-title{font-weight:bold;padding-bottom:0.2em;text-shadow:0px 1px 0px #000;}
.PopularPosts .widget-content ul li{padding:0.7em 0;background:none}
.widget-container{list-style-type:none;list-style:none;margin:0 0 15px 0;color:#F2DBCC;font-size:13px;padding-left:0px}
h3.widgettitle{background:url(http://i1242.photobucket.com/albums/gg523/inupurnomo/widgettitlebg-sw.png) left top repeat-x;border-left:4px solid #F7C178;margin:0 0 10px 0;padding:9px 0 9px 10px;color:#FFF;font-size:16px;line-height:16px;font-family:&#39;Oswald&#39;,sans-serif;font-weight:normal;text-decoration:none;text-transform:uppercase;text-shadow:0 1px 0 #974404;text-shadow:0px 1px 0px #000;}
div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24{float:left;margin-right:10px}
.span-1{width:30px}.span-2{width:70px}.span-3{width:110px}.span-4{width:150px}.span-5{width:190px}.span-6{width:230px}.span-7{width:270px}.span-8{width:310px}.span-9{width:350px}.span-10{width:390px}.span-11{width:430px}.span-12{width:470px}.span-13{width:510px}.span-14{width:550px}.span-15{width:590px}.span-16{width:630px}.span-17{width:670px}.span-18{width:710px}.span-19{width:750px}.span-20{width:790px}.span-21{width:830px}.span-22{width:870px}.span-23{width:910px}.span-24,div.span-24{width:1050px;margin:0}input.span-1,textarea.span-1,input.span-2,textarea.span-2,input.span-3,textarea.span-3,input.span-4,textarea.span-4,input.span-5,textarea.span-5,input.span-6,textarea.span-6,input.span-7,textarea.span-7,input.span-8,textarea.span-8,input.span-9,textarea.span-9,input.span-10,textarea.span-10,input.span-11,textarea.span-11,input.span-12,textarea.span-12,input.span-13,textarea.span-13,input.span-14,textarea.span-14,input.span-15,textarea.span-15,input.span-16,textarea.span-16,input.span-17,textarea.span-17,input.span-18,textarea.span-18,input.span-19,textarea.span-19,input.span-20,textarea.span-20,input.span-21,textarea.span-21,input.span-22,textarea.span-22,input.span-23,textarea.span-23,input.span-24,textarea.span-24{border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important}input.span-1,textarea.span-1{width:18px!important}input.span-2,textarea.span-2{width:58px!important}input.span-3,textarea.span-3{width:98px!important}input.span-4,textarea.span-4{width:138px!important}input.span-5,textarea.span-5{width:178px!important}input.span-6,textarea.span-6{width:218px!important}input.span-7,textarea.span-7{width:258px!important}input.span-8,textarea.span-8{width:298px!important}input.span-9,textarea.span-9{width:338px!important}input.span-10,textarea.span-10{width:378px!important}input.span-11,textarea.span-11{width:418px!important}input.span-12,textarea.span-12{width:458px!important}input.span-13,textarea.span-13{width:498px!important}input.span-14,textarea.span-14{width:538px!important}input.span-15,textarea.span-15{width:578px!important}input.span-16,textarea.span-16{width:618px!important}input.span-17,textarea.span-17{width:658px!important}input.span-18,textarea.span-18{width:698px!important}input.span-19,textarea.span-19{width:738px!important}input.span-20,textarea.span-20{width:778px!important}input.span-21,textarea.span-21{width:818px!important}input.span-22,textarea.span-22{width:858px!important}input.span-23,textarea.span-23{width:898px!important}input.span-24,textarea.span-24{width:938px!important}.last{margin-right:0;padding-right:0}
.last,div.last{margin-right:0}

/* CURSOR */
body, a, a:link{cursor:url(http://4.bp.blogspot.com/-hAF7tPUnmEE/TwGR3lRH0EI/AAAAAAAAAs8/6pki22hc3NE/s1600/ass.png), default;} a:hover {cursor:url(http://3.bp.blogspot.com/-bRikgqeZx0Q/TwGR4MUEC7I/AAAAAAAAAtA/isJmS0r35Qw/s1600/pointer.png),help;}

/* SLIDE PANEL */
.slide2::after {background:url("http://1.bp.blogspot.com/-ZQIrmcYDaic/T83JljU2lCI/AAAAAAAAAxI/yBTZRfdKSeg/s1600/tali2.png") repeat scroll 0 0 transparent;content:"";width:100px;position:relative;margin-top:-60px;height:11px;float:right;margin-right:-50px;transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.slide2::before {background:url("http://1.bp.blogspot.com/-ZQIrmcYDaic/T83JljU2lCI/AAAAAAAAAxI/yBTZRfdKSeg/s1600/tali2.png") repeat scroll 0 0 transparent;content:"";width:100px;position:absolute;margin-top:-40px;height:11px;float:left;margin-left:-50px;transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);}

/* BACKLINKS */
#IPbacklinks h4 {border: 3px solid #070070;border-radius: 5px;color: #070070;display: block;font: bold 18px Iceberg;margin: 0;
padding: 5px 10px;text-align: center;text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff;}
#IPbacklinks {background:gray;-webkit-transition:all 0.7s ease-in-out;-moz-transition: all 0.2s ease-out 0s;;border:#1D1E22 dashed 5px;border-radius: 0px;color: white;height: 7px;margin-bottom: 10px;overflow: hidden;padding: 10px 10px 40px;position: relative;width:auto;}
#IPbacklinks:hover {-moz-transition: all 0.5s ease-out 0s;-webkit-transition:all 0.7s ease-in-out;height: 180px;width: auto;background:gray}
.IPbkl {border: 2px solid blue;border-radius: 0px;color: lime;margin-left:auto;margin-right:auto;width: 580px;background:black}
.IPbkl:hover {color: yellow;}


.circlewrapper{width:98px;height:98px;float:left;font-size:14px;text-align:center;text-shadow:0 1px 1px black}
.circle{background-color:rgba(0,0,0,0);border:5px solid yellow;opacity:.9;border-right:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);border-radius:50px;box-shadow:0 0 35px #ff8000;width:70px;height:70px;margin:0 auto;-moz-animation:berputarkecil 1s infinite ease-in-out;-webkit-animation:berputarkecil 1s infinite linear}
.circle1{background-color:rgba(0,0,0,0);border:5px solid rgba(255,0,0,0.9);opacity:.9;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-radius:50px;box-shadow:0 0 15px #f00;width:50px;height:50px;margin:0 auto;position:relative;top:-70px;-moz-animation:spin2Pulse 1s infinite linear;-webkit-animation:spin2Pulse 1s infinite linear}
.circle2 {background-color:rgba(0,0,0,0);border:5px solid #fff;opacity:.9;border-right:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);border-radius:60px;box-shadow:0 0 35px #fff;-moz-box-shadow:0 0 35px #fff;-webkit-box-shadow:0 0 35px #fff;width:90px;height:90px;margin:0 auto;-moz-animation:berputar 1s infinite ease-in-out;-webkit-animation:berputar 1s infinite linear;position:relative;top:-150px;text-align:center;line-height:90px}
@-moz-keyframes berputar {
0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #fff;}
50% { -moz-transform:rotate(145deg); opacity:1; }
100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes berputarkecil {
0% { -moz-transform:rotate(0deg); }
100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes berputar {
0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #fff; }
50% { -webkit-transform:rotate(145deg); opacity:1;}
100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes berputarkecil{
0% { -webkit-transform:rotate(0deg); }
100% { -webkit-transform:rotate(360deg); }
}

.circle5{background-color:rgba(0,0,0,0);border:5px solid rgba(255,0,0,0.9);opacity:.9;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-radius:50px;box-shadow:0 0 15px #f00;width:30px;height:30px;margin:0 auto;position:relative;top:-220px;-moz-animation:spin3Pulse 1s infinite linear;-webkit-animation:spin3Pulse 1s infinite linear}
.circle6{background-color:rgba(0,0,0,0);border:5px solid green;opacity:.9;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-radius:50px;box-shadow:0 0 15px rgba(0,0,0,0);width:10px;height:10px;margin:0 auto;position:relative;top:-250px;-moz-animation:berputar 1s infinite linear;-webkit-animation:berputar 1s infinite linear}

@-moz-keyframes spin2Pulse{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}
@-moz-keyframes spin3Pulse{0%{-moz-transform:rotate(-320deg);opacity:0;box-shadow:0 0 1px #f00}50%{-moz-transform:rotate(145deg);opacity:1}100%{-moz-transform:rotate(160deg);opacity:0}}
@-webkit-keyframes spin2Pulse{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}
@-webkit-keyframes spin3Pulse{0%{-webkit-transform:rotate(170deg)}100%{-webkit-transform:rotate(0deg)}}


#upper-footer{background:#222;margin:0 auto;height:30px;padding:5px;clear:both;line-height:1.3em;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:inset 0 3px 7px black;-moz-box-shadow:inset 0 3px 7px black;box-shadow:inset 0 3px 7px black;}#upper-footer .left1{float:left;}#upper-footer .left2{float:left;margin:2px 0 0 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px;background:#333;border-bottom:3px solid #191614;padding:3px 5px 2px 5px;width:115px;color:#fff;height:22px;overflow:hidden;text-align:center;-webkit-transition: all 0.26s ease-out 0s;-moz-transition: all 0.26s ease-out 0s;-o-transition: all 0.26s ease-out 0s;transition: all 0.26s ease-out 0s;}#upper-footer .left2:hover{height:40px;margin-top:-10px;}#upper-footer .left3{float:left;margin:2px 0 0 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px;background:#333;border-bottom:3px solid #191614;padding:6px 5px 3px 10px;width:70px;}#upper-footer .left4{float:left;margin:2px 0 0 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px;background:#333;border-bottom:3px solid #191614;padding:3px 5px 1px 5px;width:85px;}#upper-footer .right1{float:right;border-radius:5px;margin-right:5px;}#upper-footer .right2{float:right;border-radius:20px;height:16px;width:16px;padding:5px;border:2px solid #007acc;}

/* Popup Menu */.popnav {display:inline-block;width:100px;margin: 3px 5px 5px 5px;padding:5px;font:bold 11px Arial,Sans-Serif;text-transform:uppercase;color:#007acc;position:relative;cursor:pointer;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background:#333;border-bottom:3px solid #191614;}.popnav:after {content:"";width:0;height:0;border:5px solid transparent;border-bottom-color:#fff;position:absolute;top:6px;right:12px;}/* Kelas 'down' akan diciptakan oleh JQuery */.popnav.down:after {border:5px solid transparent;border-top-color:#fff;top:13px;}.popnav ul {webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border-top:2px solid #333;width:170px;background:#282321;position:absolute;bottom:100%;left:0px;margin-bottom:5px;padding:0px 0px;z-index:999;display:none;}.popnav li {list-style:none;border-bottom: 1px solid #191614;border-top: 1px solid #3a3230;margin:0px 0px;padding:0px 0px;color:#007acc;}.popnav li a:link,visited {padding:10px 15px;display:block;text-decoration:none;color:#007acc;font-weight:bold;font-size:11px;}.popnav li a:hover {background:#007acc;color:#fff;}/* Fallback jika JavaScript dinonaktifkan */.popnav:hover ul.fallback {display:block}

/* apple searc */#appel #search22 input[type="text"] {background:url('http://1.bp.blogspot.com/-d7iD0kivCZw/URB1qayDhCI/AAAAAAAACwM/HMPs2fzYtog/s1600/search3.png') no-repeat center center;border: 2px solid #007acc;font: bold 12px Arial,Helvetica,Sans-serif;color: #eee;width: 16px;height:16px;padding: 5px;-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 20px;-webkit-transition: all .7s ease 0s;-moz-transition: all .7s ease 0s;-o-transition: all .7s ease 0s;transition: all .7s ease 0s;}#appel #search22 input[type="text"]:focus {background:#222;color:#6a6f75;width:212px;-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .1), 0 2px 0 rgba(85, 85, 85, .9) inset;-moz-box-shadow:0 1px 0 rgba(255, 255, 255, .1), 0 2px 0 rgba(85, 85, 85, .9) inset;box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 2px 0 rgba(85, 85, 85, .9) inset;}
 #nggumek{padding:0px;}

.ipcorner{background:#000000;border:1px solid #222;padding:10px 15px 15px 10px;width:95%;text-shadow:1px 2px 1px #000000;margin-top:10px;}
.ipcorner a{color:#ff9000}

/* Responsive styles. */
@media screen and (max-device-width: 480px) {
.comments .comments-content .comment-replies {
margin-left: 0;
}
}